<!--
    Desenvolvido pela Fábrica de Software do CESUPA.
    Todos os direitos reservados.

    @author Breno Leite
-->

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:appcommons="http://www.fabsoft.cesupa.br/appcommons">

    <ui:composition template="/infrastructure/templates/one-column-internal-template.xhtml">
        <ui:param name="pagetitle" value="#{words.SiteMap}"/>
        <ui:param name="pageicon" value="#{facesContext.externalContext.request.contextPath}/infrastructure/images/icons/sitemap-16x16.gif"/>
        <ui:param name="pagekeywords" value="mapa do site, site map, application guide, guia da aplicação"/>
        <ui:param name="pagedescription" value="Visão geral das seções da aplicação."/>

        <ui:define name="additional-header-content">
            <!-- breadcrumb styles -->
            <link href="#{facesContext.externalContext.request.contextPath}/infrastructure/styles/others/breadcrumb-styles.css" rel="stylesheet" type="text/css" media="screen" />

            <!-- sitemap styles -->
            <link href="#{facesContext.externalContext.request.contextPath}/infrastructure/styles/others/sitemap-styles.css" rel="stylesheet" type="text/css" media="screen" />

            <!-- specific styles -->
            <link href="#{facesContext.externalContext.request.contextPath}/infrastructure/styles/structures/one-column-internal-template-style.css" rel="stylesheet" type="text/css" media="screen" />
            <link href="#{facesContext.externalContext.request.contextPath}/infrastructure/styles/components/main-content-comp-style.css" rel="stylesheet" type="text/css" media="screen" />
            <link href="#{facesContext.externalContext.request.contextPath}/infrastructure/styles/components/internal-top-comp-style.css" rel="stylesheet" type="text/css" media="screen" />
            <link href="#{facesContext.externalContext.request.contextPath}/infrastructure/styles/components/footer-comp-style.css" rel="stylesheet" type="text/css" media="screen" />
        </ui:define>

        <ui:define name="content">
            <div class="sitemap-section">
                <h3 class="sitemap-item"><a href="#">Seção 1</a></h3>
                <br/>
                <table>
                    <tr valign="top">
                        <td>
                            <ul>
                                <h4 class="sitemap-item"><a href="#">Sub-seção 1.1</a></h4>
                                <li class="sitemap-item"><a href="#">sub-tópico 1.1.1</a></li>
                                <li>
                                    <ul>
                                        <h4>Sub-seção 1.1</h4>
                                        <li class="sitemap-item"><a href="#">Sub-seção 1.1.1.1</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </td>

                        <td valign="top">
                            <ul>
                                <h4 class="sitemap-item"><a href="#">Sub-seção 1.2</a></h4>
                                <li class="sitemap-item"><a href="#">Sub-seção 1.2.1</a></li>
                                <li>
                                    <ul>
                                        <h4 class="sitemap-item"><a href="#">Sub-seção 1.2.2</a></h4>
                                        <li class="sitemap-item"><a href="#">Sub-seção 1.2.2.1</a></li>
                                    </ul>
                                    <ul>
                                        <h4 class="sitemap-item"><a href="#">Sub-seção 1.2.2</a></h4>
                                        <li class="sitemap-item"><a href="#">Sub-seção 1.2.2.1</a></li>
                                    </ul>
                                </li>
                            </ul>

                    <li><a href="#">Sub-seção 1.3</a></li>
                    </td>
                    </tr>
                </table>
            </div>
        </ui:define>
    </ui:composition>
</html>